<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />

	<!-- 在网址末尾再输入/favicon.ico可以得到该网站的图标，图标位置直接放根目录，不放images文件-->
	<!-- type="image/x-icon"可以省略 -->
	<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>

	<!-- normalize 里面css 初始化 针对浏览器-->
	<link rel="stylesheet" href="css/normalize.css" />

	<!-- base 里面只写公共样式 是对京东网页 头部和底部样式(都是一样的) -->
	<!-- 页面中很多CSS是相同的，将相同的归位一类，放在一个文件夹里 -->
	<link rel="stylesheet" href="css/base.css" />

	<!-- 京东首页的css  只写首页的 独有的-->
	<!-- 页面中特使格式的CSS归为另一类，放在另一个文件夹里 -->
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 京东顶部开始了-->
	<div class="J_event">
		<!-- a的类名是w,属性为宽1190px,居中对齐 -->
		<a href="#" class="w">
			<!-- 小叉号要放在a里面，不放在外面，因为要和a对齐(右上角) -->
			<!-- 一点击叉号就关闭以后用JS来做 -->
			<i></i>
		</a>
	</div>
	<!-- 京东顶部结束了-->


	<!-- 快捷导航栏开始了 -->
	<!-- shortcut是快捷导航的意思 -->
	<!-- 第一步先别管太多，先把长条给搞出来，高度30px,不用写宽 -->
	<div class="shortcut">
		<!-- 里面要装一个版心,使用设定好的样式，一次定义，多次使用-->
		<!-- 版心左边装位置图标和北京2个字(可以用ul-li做)，
			右边放你好，请登录等一大堆文字(用ul-li做) -->
		<!-- 左右两个盒子都要垂直居中，所以直接给shortcut加行高即可，行高会继承 -->
		<div class="w">
			<!-- 第一个ul是左浮动 -->
			<!-- 左边的盒子不能顶在左边，要留一段距离让下面的京东图标往上压 -->
			<!-- 因为ul没有宽高，所以用margin,padding移动都行(老师用的margin-left),宽度大概是200px -->
			<ul class="fl">
				<!-- 北京就不给a了，字体大小是12px，颜色是#9d9d9d-->
				<li>
					<!-- 北京前面有个位置字体图标 -->
					<!-- 为了区别不同字体图标，可以加个类名 -->
					<i class="pos"></i>
					北京
				</li>
			</ul>
			<!-- 第2个ul是右浮动 -->
			<!-- 右边各个li之间不仅有距离，还有竖线 -->
			<!-- 我们干脆给竖线左右来个距离，就可以给它们划分开了 -->
			<ul class="fr">
				<!-- 注意：一定要从右往左写，因为是右浮动 -×不对，从左向右写就行了-->
				<!-- 一个li里面只能放一个a,我做的是一个li里面放了8个a,不好-->
				<!-- 链接鼠标移动到该位置会变成红色 -->
				<!-- 因为字最终放在li里面，所以是竖着显示的 -->
				<!-- ul是右浮动，里面的li是左浮动，这个我是真想不到 -->
				<!-- 第一个li里面有2个a -->
				<!-- 中间的小竖线是个难点，把竖线也弄成一个li -->
				<li>
					<!-- 加上2个空格，让页面更好看一些 -->
					<a href="#">你好，请登陆&nbsp;&nbsp;</a>
					<!-- 免费注册默认是京东红颜色 -->
					<a href="#" class="style-red">免费注册</a>
				</li>
				<!-- spacer表示小竖线的意思 -->
				<!-- 小竖线的高度是10px,宽肯定是1px  -->
				<!-- 我的京东，客户服务，网站导航这3个特殊，右边有个下拉按钮  -->
				<!-- 给这3个特殊的添加一个类，专门写个样式 -->
				<li class="spacer"></li>
				<li><a href="#">我的订单</a></li>
				<li class="spacer"></li>
				<li class="dropdown">
					<a href="#">我的京东</a>
					<!-- 小三角也是字体图标 -->
					<i></i>
				</li>
				<li class="spacer"></li>
				<li><a href="#">京东会员</a></li>
				<li class="spacer"></li>
				<li><a href="#">企业采购</a></li>
				<li class="spacer"></li>
				<li class="dropdown">
					<a href="#">客户服务</a>
					<i></i>
				</li>
				<li class="spacer"></li>
				<li class="dropdown">
					<a href="#">网站导航</a>
					<i></i>
				</li>
				<li class="spacer"></li>
				<!-- 子绝父相,层级上升，二维码盒子才不会被压在下面-->
				<li style="position: relative; z-index: 1">
					<a href="#">手机京东</a>
					<div class="erweima"><img src="images/erweima.png"></div>
				</li>
				<!-- 手机京东下面有个二维码图片 -->
				<!-- 因为父盒子高度限定死了30px,所以这个二维码图片不会撑下来的 -->
				<!-- 这个图片还要往下走一走，所以要用定位。 -->
			</ul>
		</div>
	</div>
	<!-- 快捷导航栏结束了 -->
	<!-- <div style="height:200px;background-color: pink"></div> -->


	<!-- header部分开始了 -->
	<!-- 因为用定位做，所以必须要给高，高度为140px -->
	<div class="header">
		<!-- 下一步缺个版心，居中对齐。直接丢个w即可-->
		<!-- header有高，里面的w也要有高，因为所有的东西都写在w里面的 -->
		<!-- 多类名 -->
		<div class="w inner">

			<!-- 第一模块：左边的京东狗logo部分-->
			<div class="logo">
				<!-- 这个是logo普遍性的做法(div-h1-a)，为了网站优化 -->
				<!-- logo里面的字比其他的权重都要高，所以京东这2个字不能删除！！！ -->
				<!-- 隐藏掉就可以了，或者移除Logo图片范围，用overflow:hidden切掉也行 -->
				<!-- 再写个title="京东网"，鼠标放在logo上显示京东网 -->
				<h1><a href="#" title="京东网">京东</a></h1>
			</div>


			<!-- 第二模块：中间的搜索部分-->
			<div class="search">
				<!-- 里面再放我们想要的内容：左边用input放输入框，右边放小按钮 -->
				<!-- 里面的文字默认是微单相机 -->
				<!-- input是行内块元素，行内块与行内块之间有缝隙的，所以搜索框上不来 -->
				<!-- 用浮动可以去掉缝隙 -->
				<!-- input里面不能放其他的标签了 -->
				<input type="text" value="微单相机">
				<button>
					<!-- button是个双标签，双标签是个容器，可以放其他标签 -->
					<i></i>
				</button>
				<!-- em里面放照相机图片，用的是精灵图-->
				<em></em>
				<!-- 下一步再修饰修饰里面的input和button即可 -->
			</div>


			<!-- 第三模块：热点关键词部分 -->
			<div class="hotwords">
				<!-- 默认学生专享是红色 -->
				<a href="#" class="style-red">学生专享</a>
			 	<a href="#">300减160</a>
			 	<a href="#">七折返场</a>
			 	<a href="#">骑行运动</a>
			 	<a href="#">家电榜单</a>
			 	<a href="#">无损播放器</a>
			 	<a href="#">汽车脚垫</a>
			 	<a href="#">巧克力</a>
			 	<a href="#">铝合金门窗</a>
			</div>

			<!-- 第四模块：我的购物车部分 -->
			<div class="myCar">
				<!-- 大体是水平，垂直居中的 -->
				<!-- 左边是字体图标购物车 -->
				<i></i>
				<a href="#">我的购物车</a>
				<!-- 右边是一个小圈，里面还有数字，用定位做 -->
				<!-- 这个小圈继承了myCar行高33px,所以会很大 -->
				<s>0</s>
			</div>

			<!-- 第五模块：平板电脑大促部分 -->
			<!-- 这个东西比较好做 -->
			<div class="computer">
				<!-- 原版使用背景图片做的，我们这里简单点 -->
				<a href="#"><img src="images/computer.jpg"></a>
			</div>

			<!-- 第六模块：导航栏信息部分 -->
			<div class="navitems">
				<!-- 里面分成3个部分，用3个ul来做,每个ul以竖线分隔 -->
				<!-- 小竖线上面也有，可以直接拿过来用 -->
				<!-- 秒杀，优惠券，闪购，拍卖是一部分；京东服饰，京东超市，生鲜，全球购是第二部分
				京东金融是第三部分 -->
				<!-- 里面的字数不同，但是间隔一样。京东的做法是给每个li一个margin-left -->
				<ul>
					<li><a href="#">秒杀</a></li>
					<li><a href="#">优惠券</a></li>
					<li><a href="#">闪购</a></li>
					<li><a href="#">拍卖</a></li>
				</ul>
				<!-- ul之间不能直接写竖线，因为都有浮动，所以会跑到边上去 -->
				<!-- 如果一个盒子里面某个孩子浮动了，那么其他盒子也要浮动 -->
				<div class="spacer"></div>
				<ul>
					<li><a href="#">京东服饰</a></li>
					<li><a href="#">京东超市</a></li>
					<li><a href="#">生鲜</a></li>
					<li><a href="#">全球购</a></li>
				</ul>
				<div class="spacer"></div>
				<ul>
					<li><a href="#">京东金融</a></li>
				</ul>
			</div>

		</div>
	</div>
	<!-- header部分结束了 -->
	

	<!-- 京东首页main部分开始了：这个是最后一个做的-->
	<!-- 先来一个通栏的盒子，里面再放一个版心 -->
	<div class="jd">
		<!-- 这个版心是空的，一会要在里面放左中右三大块 -->
		<!-- 第二部分：左中右3个盒子 -->
		<div class="w jd-inner">
			<!-- 左盒子：有这么多文字，用li做比较好 -->
			<div class="jd-col1">
				<ul>
					<li><a href="#">家用电气</a></li>
					<li>
						<a href="#">手机</a>
						<span>/</span>
						<a href="#">运营商</a>
						<span>/</span>
						<a href="#">数码</a>
					</li>
					<li>
						<a href="">电脑</a>
						<span>/</span>
						<a href="">办公</a>
					</li>
					<li>
						<a href="">家居</a>
						<span>/</span>
						<a href="">家具</a>
						<span>/</span>
						<a href="">家装</a>
						<span>/</span>
						<a href="">厨具</a>
					</li>
					<li>
						<a href="">男装</a>
						<span>/</span>
						<a href="">女装</a>
						<span>/</span>
						<a href="">童装</a>
						<span>/</span>
						<a href="">内衣</a>
					</li>
					<li>
						<a href="">美妆个护</a>
						<span>/</span>
						<a href="">宠物</a>
					</li>
					<li>
						<a href="">女鞋</a>
						<span>/</span>
						<a href="">箱包</a>
						<span>/</span>
						<a href="">钟表</a>
						<span>/</span>
						<a href="">珠宝</a>
					</li>
					<li>
						<a href="#">男鞋</a>
						<span>/</span>
						<a href="#">运动</a>
						<span>/</span>
						<a href="#">户外</a>
					</li>
					<li>
						<a href="">汽车</a>
						<span>/</span>
						<a href="">汽车用品</a>
					</li>
					<li>
						<a href="">母婴</a>
						<span>/</span>
						<a href="">玩具乐器</a>
					</li>
					<li>
						<a href="">食品</a>
						<span>/</span>
						<a href="">酒类</a>
						<span>/</span>
						<a href="">生鲜</a>
						<span>/</span>
						<a href="">特产</a>
					</li>
					<li>
						<a href="">礼品鲜花</a>
						<span>/</span>
						<a href="">农资绿植</a>
					</li>
					<li>
						<a href="">医药保健</a>
						<span>/</span>
						<a href="">计生情趣</a>
					</li>
					<li>
						<a href="#">图书</a>
						<span>/</span>
						<a href="#">音像</a>
						<span>/</span>
						<a href="#">电子书</a>
					</li>
					<li>
						<a href="">机票</a>
						<span>/</span>
						<a href="">酒店</a>
						<span>/</span>
						<a href="">旅游</a>
						<span>/</span>
						<a href="">生活</a>
					</li>
					<li>
						<a href="">理财</a>
						<span>/</span>
						<a href="">众筹</a>
						<span>/</span>
						<a href="">白条</a>
						<span>/</span>
						<a href="">保险</a>
					</li>
				</ul>
			</div>
			<!-- 中盒子：分为上下两个盒子。上面盒子做轮播图-->
			<div class="jd-col2">
				<div class="jd-col2-hd">
					<!-- 轮播图布局模版如下 -->
					<!-- 2个箭头，一左一右 -->
					<!-- 可以包一个div，看的更清楚，也可以不包 -->
					<!-- <div class="arrow"> -->
						<a href="#" class="arr-l"></a>
    					<a href="#" class="arr-r"></a>
					<!-- </div> -->

					<!-- 8个小圆点，居中 -->
					<!-- 按道理ol的宽度是可以不用给的，因为用定位，自动变成行内块，
						按照内容可以自动撑开盒子-->
					<ol>
						<li class="current"></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
					<!-- 因为轮播图有很多张(8张，所以这样写) -->
					<!-- 一张图片是做不了轮播图的 -->
					<!-- 今后可以用JS来写特效 -->
					<ul>
						<li><a href=""><img src="images/banner.jpg"></a></li>
					</ul>
				</div>
				<div class="jd-col2-bd">
					<!-- 中盒子下面是2张图片，比较简单 -->
					<div class="firstPic">
						<!-- 产品直接放图片即可 -->
						<!--图片原规格是780*260,肯定大了，要缩放一下 -->
						<img src="images/pic1.jpg">
					</div>
					<div>
						<img src="images/pic2.jpg">
					</div>
				</div>
			</div>
			<!-- 右盒子：又分为上中下3个小盒子 -->
			<div class="jd-col3">
				<div class="user">
					<!-- user再分为上下2个盒子 -->
					<div class="user-info">
						Hi,欢迎来到京东！<br />
						<a href="#">登陆</a>
						<a href="#">注册</a>
						<!-- 这张图片就放在padding-left的那部分位置 -->
						<a href="#" class="info-img">
							<img src="images/no_login.jpg">
						</a>
					</div>
					<div class="user-profit">
						<a href="#">新人福利</a>
						<a href="#">PLUS会员</a>
					</div>
				</div>
				<div class="news">
					<!-- 中间盒子分为上下2部分 -->
					<!-- 中间盒子属于Tab栏切换，要学会独立手写 -->
					<!-- 为了以后方便操作DOM，2个盒子标签名要一致 -->
					<div class="tab-hd">
						<!-- 头部一共有4个对象 -->
						<!-- 只有促销和公共可以切换，更多不参与切换 -->
						<!-- 切换时，切换的字下面有一条红色的线 -->
						<a href="javascript:;" class="cuxiao">促销</a>
						<a href="javascript:;">公告</a>
						<!-- 更多要贴在右边 -->
						<a href="#" class="more1">更多</a>
						<!-- 这个线要底部对齐 -->
						<div class="line"></div>
					</div>
					<div class="tab-bd">
						<!-- 按道理要有2组，点击促销有1组，点击公告有另外1组 -->
						<!-- 只不过2组同时只能显示1组而已，另1组隐藏 -->
						<ul>
							<li><a href="#">居家好物暖暖季跨店3件7折</a></li>
							<li><a href="#">爱车焕新装满198减100</a></li>
							<li><a href="#">全品类800元大额神券</a></li>
							<li><a href="#">家电1212超值榜单大揭秘</a></li>
						</ul>
						
						<!-- 这一组隐藏 -->
						<!-- <ul>
							<li><a href="#">蓄电池专场下单立减100元</a></li>
							<li><a href="#">缤纷圣诞豪礼钜惠享不停</a></li>
							<li><a href="#">每日享折扣京东品质游</a></li>
							<li><a href="#">517吃货节今日买一送一</a></li>
						</ul> -->
					</div>
				</div>
				<!-- 这一部分用精灵图做 -->
				<div class="jd-service">
					<!-- ul默认的宽度和父亲jd-service一样宽 -->
					<ul>
						<li>
							<a href="#">
								<!-- 上面图标，下面文字 -->
								<!-- 这个i必须有大小 24*24 -->
								<i></i>
								<p>话费</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>机票</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>酒店</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>火车票</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>企业购</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>加油卡</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>电影票</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>游戏</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>众筹</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>理财</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>礼品卡</p>
							</a>
						</li>

						<li>
							<a href="#">
								<i></i>
								<p>白条</p>
							</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<!-- 第一部分：广告 -->
		<!-- 先做2侧的小翅膀广告 -->
		<!-- 专门准备第3个盒子放广告 -->
		<div class="ad">
			<a href="#"></a>
		</div>
	</div>
	<!-- 京东首页main部分结束了 -->



	<!-- 首页做完后接着做底部，中间的部分最后做！！！ -->
	<!-- 页面底部footer部分开始了 -->
	<!-- 底部分为上中下3个盒子，上面一个盒子是通栏的，装一个版心 】
		中和下直接拿个版心往里面装东西就可以了-->
	<div class="footer">
		<!-- 上盒子：多快好省部分 -->
		<div class="footer-service">
			<!-- 来一个版心放在中间 -->
			<!-- 版心宽度为1190px,第一个盒子放4个li"多快好省" -->
			<!-- 平均一个li宽度为297px，高度经过测量为42px -->
			<div class="w footer-service-inner">
				<!-- 当时是没有给ul高的 -->
				<!-- ul清除浮动后，会自动检测孩子的高度，自己会自动撑开 -->
				<!-- ul不清除浮动也行，给ul一个高42px也行 -->
				<ul class="clearfix">
					<li>
						<!-- 在li里面又放了一个div -->
						<!-- 里面这个div高是42px,宽是225px -->
						<div class="service-unit">
							<!-- 里面先装一个h5放图片,后面再放一个p放文字 -->
							<!-- 都是块级元素，要放一行上，所以要浮动 -->
							<!-- 所有的浮动都是顶部对齐(左上角对齐) -->
							<!-- 最好一个左浮动，一个右浮动 -->
							<!-- h5和p这2个盒子不一样大，所以对齐有点麻烦 -->
							<!-- 那不如就用定位做吧  -->
							<!-- 这个多字别删，SEO有用。用text-indent:-999px做 -->
							<h5>多</h5>
							<p>品类齐全，购物轻松</p>
						</div>
					</li>

					<li>
						<div class="service-unit">
							<h5 class="kuai">快</h5>
							<p>多仓直发，极速配送</p>
						</div>
					</li>

					<li>
						<div class="service-unit">
							<h5 class="hao">好</h5>
							<p>正品行货，精致服务</p>
						</div>
					</li>

					<li>
						<div class="service-unit">
							<h5 class="sheng">省</h5>
							<p>品类齐全，购物轻松</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 中盒子:帮助指南部分 -->
		<!-- 中盒子用ul-li做是可以的，京东是用div做的，我们也用div做吧 -->
		<!-- 后来老师改注意了，用dl来做了 -->
		<!-- 中盒子里面的小盒子都要浮动，一浮动就不占高度了，不想清除浮动就给它们一个高 -->
		<div class="w help">
			<dl>
     	  	 	<dt>购物指南</dt>
     	  	 	<dd><a href="#">购物流程</a></dd>
     	  	 	<dd><a href="#">会员介绍</a></dd>
     	  	 	<dd><a href="#">生活旅行</a></dd>
     	  	 	<dd><a href="#">常见问题</a></dd>
     	  	 	<dd><a href="#">大家电</a></dd>
     	  	 	<dd><a href="#">联系客服</a></dd>
     	  	 </dl>

     	  	 <dl>
     	  	 	<dt>配送方式</dt>
     	  	 	<dd><a href="#">上门自提</a></dd>
     	  	 	<dd><a href="#">211限时达</a></dd>
     	  	 	<dd><a href="#">配送服务查询</a></dd>
     	  	 	<dd><a href="#">配送费收取标准</a></dd>
     	  	 	<dd><a href="#">收取标准</a></dd>
     	  	 </dl>

     	  	 <dl>
     	  	 	<dt>支付方式</dt>
     	  	 	<dd><a href="#">货到付款</a></dd>
     	  	 	<dd><a href="#">在线支付</a></dd>
     	  	 	<dd><a href="#">分期付款</a></dd>
     	  	 	<dd><a href="#">邮局汇款</a></dd>
     	  	 	<dd><a href="#">公司转账</a></dd>
     	  	 </dl>

     	  	  <dl>
     	  	 	<dt>售后服务</dt>
     	  	 	<dd><a href="#">售后政策</a></dd>
     	  	 	<dd><a href="#">价格保护</a></dd>
     	  	 	<dd><a href="#">退款说明</a></dd>
     	  	 	<dd><a href="#">返修/退换货</a></dd>
     	  	 	<dd><a href="#">取消订单</a></dd>
     	  	 </dl>

     	  	  <dl>
     	  	 	<dt>特色服务</dt>
     	  	 	<dd><a href="#">夺宝岛</a></dd>
     	  	 	<dd><a href="#">DIY装机</a></dd>
     	  	 	<dd><a href="#">延保服务</a></dd>
     	  	 	<dd><a href="#">京东E卡</a></dd>
     	  	 	<dd><a href="#">京东通信</a></dd>
     	  	 	<dd><a href="#">京东JD+</a></dd>
     	  	 </dl>
			<!-- 最后一个是一张中国地图背景图片，贴在右边对齐 -->
     	  	 <dl class="cover">
     	  	 	<dt>京东自营覆盖区县</dt>
   				<!-- 最后一个只要2个dd就可以了 -->
     	  	 	<dd class="info">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
     	  	 	</dd>
     	  	 	<dd class="more"><a href="#">查看详情 ></a></dd>
     	  	 </dl>
		</div>
		
		<!-- 下盒子：版权部分 -->
		<!-- 下盒子分为三行，我们布局是根据相关性的，链接为一行，文字为一行，图片为一行 -->
		<div class=" w copyright">
			<!-- 第一行：链接 -->
			<div class="links">
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">联系客服</a>
				<span>|</span>
				<a href="#">合作招商</a>
				<span>|</span>
				<a href="#">商家帮助</a>
				<span>|</span>
				<a href="#">营销中心</a>
				<span>|</span>
				<a href="#">手机京东</a>
				<span>|</span>
				<a href="#">友情链接</a>
				<span>|</span>
				<a href="#">销售联盟</a>
				<span>|</span>
				<a href="#">京东社区</a>
				<span>|</span>
				<a href="#">风险监测</a>
				<span>|</span>
				<a href="#">隐私政策</a>
				<span>|</span>
				<a href="#">京东公益</a>
				<span>|</span>
				<a href="#">English Site</a>
				<span>|</span>
				<a href="#">Media & IR</a>
			</div>

			<!-- 第二行：文字 -->
			<div class="c-info">
				<p>京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号</p>
				<p>互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155</p>
				<p>Copyright © 2004 - 2017  京东JD.com 版权所有|消费者维权热线：4006067733经营证照</p>
				<p>京东旗下网站：京东支付|京东云</p>
			</div>

			<!-- 第三行：图片(精灵图) -->
			<div class="tupian">
				<a href="#"></a>
				<a href="#" class="kexin"></a>
				<a href="#" class="wangjing"></a>
				<a href="#" class="chengxin"></a>
				<a href="#" class="jubao"></a>
				<a href="#" class="xiazai"></a>
			</div>
		</div>
	</div>
	<!-- 页面底部footer部分结束了 -->
</body>
</html>